import router from '@/router'
import user from '@/store/modules/user'
import store from '@/store'

// 导航守卫
router.beforeEach(async(to, from, next) => {
  // 方法一
//   if (user.state.token) {
//     // 有登录
//     if (to.path === '/login') {
//       next('/')
//     } else {
//       next()
//     }
//   } else {
//     // 没有登录
//     const whiteList = ['/login', '/404', '/test']
//     if (whiteList.indexOf(to.path) > -1) {
//       next()
//     } else {
//       next('/login')
//     }
//   }

  // 方法二
  const url = to.path
  const token = user.state.token
  const whiteList = ['/login', '/404', '/test']
  // 1.有登录，去登录页=>首页
  if (token && url === '/login') {
    next('/')
  }
  // 2.有登录，不去登录页=>放行
  if (token && url !== '/login') {
    if (!store.getters.name) {
      await store.dispatch('user/getUserInfo')
      const res = await store.dispatch('permission/filterRouter', store.getters.menus)
      console.log(res)
      // 追加动态路由之后，找不到才显示404页面，
      router.addRoutes([...res, { path: '*', redirect: '/404', hidden: true }])
      // 在加载静态路由的时候，找不到会显示空白页面，加next(to.path)重新运行一次寻找路由
      next(to.path)
      return
    }
    next()
  }
  // 3.没登录，不在白名单=>登录页
  if (!token && whiteList.indexOf(url) === -1) {
    next('/login')
  }
  // 4.没登录，在白名单=>放行
  if (!token && whiteList.indexOf(url) > -1) {
    next()
  }
})
